<%@page import="ajaxjs.net.upload.*"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="commonTag" 	tagdir="/WEB-INF/tags/common/html"%>
<%@taglib prefix="commonUI" 	tagdir="/WEB-INF/tags/common/UI"%>
<%@taglib prefix="prototypeUI"	tagdir="/WEB-INF/tags/common/Prototype"%>   	
<jsp:useBean id="bean" class="ajaxjs.js.JSON_Saver" />
<%
	if(request.getParameter("upload") != null){
	
		// 广告图片上传
		String folder = "/public/ads";
		Upload_HTTP uploader = new Upload_HTTP(request);
		uploader.isNameByDate = false;
		uploader.setSaveFolder(folder);
		String fullFileName = uploader.upload();
		// 只需要文件名即可
		String[] arr = fullFileName.split("\\" + java.io.File.separator);
		out.println(arr[arr.length - 1]);
		
		return;
	}else if(request.getMethod().equals("POST")){
		// 保存广告数据
		bean.doAction(request, response);
		return;			
	}
%>
<!DOCTYPE html>
<html>
	<commonTag:head lessFile="/admin/asset/less/main.less">
		<%@ include file="../public/head.jsp" %>
		<style type="text/css">
			.imgs{
				display:none;
			}
		</style>
	</commonTag:head>
	<body>
		<form action="?" method="POST">
			<input type="text" name="jsonFile" value="/public/js/ads.js" />
			<input type="text" name="topVarName" value="bf_ads" />
			<input type="text" name="bf_ads.left.href" value="343" />
			<button>s</button>
		</form>
		<body>
   <form action="?upload" enctype="multipart/form-data" method="POST" target="uploadIframe">
      selectimage:
      <input type="file" name="myfile" /><br>
      <input type="text" name="href" value="" />
      <img src="" class="img" />
      <input type="submit" value="upload"/>
   </form>
   
 
   
   	<%-- FORM 不支持内嵌 FORM，于是得用一定技巧上传  --%>
	<iframe src="about:blank" class="hide" name="uploadIframe"></iframe>
	<script>
		function onUploadComplete(json){
			alert(json);
			document.querySelector(".img").src= "../../public/ads/" + json;
		}
		document.querySelector("iframe[name=uploadIframe]").addEventListener("load", function(e){
			// debugger;
			var iframe = e.target;
			onUploadComplete(getJSON(iframe));
		});
		function getJSON(iframe){
			// 服务端返回 json，保存在 iframe 的子页面中，跟平时我们获取 html 没什么区别
			// 这里我们通过 DOM 方法获取它。
			// 不过在 Firefox 浏览器看来，返回的内容在格式上有点不同，于是我们获取的方法也有所不同，详见如下：
			var responseText;
			responseText = iframe.contentDocument.body;
			responseText = navigator.userAgent.indexOf("Firefox") != -1 ? responseText.textContent : responseText.innerHTML;
			// https://bugzilla.mozilla.org/show_bug.cgi?id=674186
	    	// 如果在 FF 浏览器上使用 innerHTML 方式，的确可以返回 JSON，但这些 JSON 都给 Firefox “自动自觉”地机上 HTML 标签……
	    	// 有人认为这是 Firefox 的一个bug，但自此自终都没有“修复过”。不过好在使用 textContent 还是可以获取没有标签的 JSON 内容。
	    	
	        // 有些浏览器还是会加上 <pre> 标签，这里过滤一下。
	        if(responseText.indexOf('<pre') == 0){
	        	responseText = responseText.replace(/<pre[^>]*>/i,'').replace(/<\/pre>/i, '');
			}
	        var json;
	        try{
				json = JSON.parse(responseText);
	        }catch(e){
	        	// alert('不能解析 json：\n' + json);
	        	// 尝试解析 json，不行就返回纯文本
	        	return responseText;
	        }
	        return json;
		}
	</script>
		<%=ajaxjs.config.StaticConfig.sc.get("sds") %>
	</body>
</html>